<script >
export default {
  props: {
    item: {
      type: Object,
      required: true
    }
  },
  data(){
    return{

    }
  }

}
</script>

<template>
  <div class="list_item_box">
    <div class="msg"> {{ item.msg }} </div>
    <div class="time">{{item.time}} </div>
  </div>
</template>

<style scoped>
.list_item_box{
  width: 100%;
  height: 51px;
  //background-color: skyblue;
  //border: 1px black solid;
  border-bottom: 1px black solid;
  display: flex;
  .msg{
   margin: auto 0;
    width: 90%;
  }
  .time{
    margin: auto 0;
    width: 10%;
  }
}
</style>
